<template>
  <div>
    <el-container style="height: 500px; border: 1px solid #eee">
      <newLeft/>
      <el-container direction="vertical">
        <newHeader/>
        <el-main>
          <el-table :data="tableData">
            <el-table-column prop="date" label="日期" width="140">
            </el-table-column>
            <el-table-column prop="name" label="姓名" width="120">
            </el-table-column>
            <el-table-column prop="address" label="地址">
            </el-table-column>
          </el-table>
        </el-main>
      </el-container>
    </el-container>
    {{ testShow() }}
  </div>
</template>

<script>
  import newLeft from '@/components/newLeft'
  import newHeader from '@/components/newHeader'

  export default {
     components :{
      newLeft,
      newHeader
    },
    data(){
      const item = {
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      };
      return {
        tableData: Array(20).fill(item)
      }
    },
  }
</script>

<style>
  .el-header {
    background-color: #B3C0D1;
    color: #333;
    line-height: 60px;
  }

  .el-aside {
    color: #333;
  }
</style>
